<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%-- JSTL表达式（判断，循环，输出） --%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> <%-- 方法表达式（字符串截取，替换） --%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图腾</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge，chrome=1">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta name="renderer" content="webkit">
    <meta name="baidu-site-verification" content="R9XA5lWxu2"/>
    <meta name="author" content="图腾">
    <meta name="keywords" content="图腾">
    <meta name="description" content="图腾">
    <link rel="stylesheet" href="<%=basePath%>plugins/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="<%=basePath%>css/ys.css">
</head>
<body>

<jsp:include page="${basePath}/common.jsp" />

<!--首页轮播图 图片分辨率为1920*1080-->
<div class="swiper-container top-swiper-box wh_">
    <div class="swiper-wrapper">
        <%--<div class="swiper-slide">
            <img src="<%=basePath%>temp/s1.jpg">
        </div>--%>
        <c:forEach var="personality" items="${bannerInfos}">
            <div class="swiper-slide">
                <a href="${personality.bannerUrl}" target="_blank">
                    <img src="${personality.bannerImg}" style="width: 100%; height: 100%;">
                </a>
            </div>
        </c:forEach>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination top-pagination"></div>
    <!-- Add Arrows -->
    <div class="swiper-button-next top-button-next"></div>
    <div class="swiper-button-prev top-button-prev"></div>
</div>

<div class="content-wrap">
    <%--<div class="content-box">
        <ul>
            <li>
                <img class="transition" src="images/c1.png">
                <div class="title transition">我是标题</div>
            </li>
            <li>
                <img class="transition" src="images/c2.png">
                <div class="title transition">我是标题</div>
            </li>
            <li>
                <img class="transition" src="images/c3.png">
                <div class="title transition">我是标题</div>
            </li>
            <li>
                <img class="transition" src="images/c4.png">
                <div class="title transition">我是标题</div>
            </li>
            <li>
                <img class="transition" src="images/c5.png">
                <div class="title transition">我是标题</div>
            </li>
            <li>
                <img class="transition" src="images/c6.png">
                <div class="title transition">我是标题</div>
            </li>

        </ul>
        <div class="btn-more text-center">
            <a href="http://www.baidu.com" target="_blank">MORE ></a>
        </div>
    </div>--%>

    <div class="story-wrap">
        <div class="index-title-box">
            <div class="title">
                文章<br>
                <span>article</span>
            </div>
        </div>
        <ul class="story-ul">
            <c:forEach var="article" items="${articles}">
            <li>
                <div class="h-pic-box wh_">
                    <img src="${article.articlePic}">
                </div>
                <div class="i-c-box">
                    <div class="time">${article.createTime}</div>
                    <div class="link transition"><a href="<%=basePath%>article/getArticleDetails/${article.articleId}"><img src="images/link.png"></a></div>
                    <div class="content-com">
                        <div class="title">
                            ${article.articleTitle}
                        </div>
                        <div class="content">
                            ${article.articleAbstract}
                        </div>
                    </div>
                </div>
            </li>
            </c:forEach>
        </ul>
    </div>

    <div class="show-wrap">
        <div class="index-title-box">
            <div class="title">
                活动<br>
                <span>activity</span>
            </div>
        </div>
        <ul class="show-ul">
            <c:forEach var="activity" items="${activitys}">
            <li class="wh_">
                <a href="<%=basePath%>activity/getActivityDetails/${activity.activityId}">
                    <div class="title">${activity.activityTitle}</div>
                    <img class="transition" src="${activity.activityPic}">
                </a>
            </li>
            </c:forEach>
        </ul>
        <div class="btn-more text-center">
            <a href="<%=basePath%>activity/getActivityIndex">MORE &gt;</a>
        </div>
    </div>

    <div class="evaluation-wrap">
        <div class="index-title-box text-center">
            <div class="title">
                用户评价<br>
                <span>evaluation</span>
            </div>
        </div>
        <ul class="evaluation-ul">
            <c:forEach var="comment" items="${comments}">
            <li>
                <div class="user-box">
                    <div class="u-h-box transition">
                        <img src="<%=basePath%>images/u_h.png">
                    </div>
                    <img src="${comment.headImg}">
                </div>
                <div class="ele-content-box">
                    <div class="time-box">
                        <%--<span class="year">2017</span>--%><span class="time">${comment.createTime}<%--01-02--%></span>
                    </div>
                    <div class="name">
                        ${comment.operatorName}
                    </div>
                    <div class="content">
                        ${comment.commentContent}
                    </div>
                </div>
            </li>
            </c:forEach>
        </ul>
        <%--<div class="left-room">
            <img src="temp/s2.jpg">
            <div class="bg-box transition">
                <div class="title">注意鼠标划过，请切图进入智能对象里面查看，隐藏后效果，默认是整张图片</div>
                <div class="name">
                    客官：iStone
                </div>
                <div class="content">
                    Time is a human concept. We create it, we follow it, and we live by it. It becomes one of the most overlooked, and underappreciated aspect of our
                </div>
            </div>
        </div>
       <div class="right-wrap">
            <div class="right-pic">
                <img class="u_p_pic transition" src="images/u_p.png">
                <img src="temp/s3.jpg">
            </div>
            <div class="right-box">
                <div class="title">
                    双廊的3个星期(游记)
                </div>
                <div class="name">
                    客官：iStone
                </div>
                <div class="content">
                    Mauricio RomanoTime is a human concept. We create it, we follow it, and we live by it. It becomes one of th
                </div>
            </div>
        </div>
        <div class="right-wrap">
            <div class="right-box">
                <div class="title">
                    双廊的3个星期(游记)
                </div>
                <div class="name">
                    客官：iStone
                </div>
                <div class="content">
                    Mauricio RomanoTime is a human concept. We create it, we follow it, and we live by it. It becomes one of th
                </div>
            </div>
            <div class="right-pic">
                <img class="u_p_pic transition" src="images/u_p.png">
                <img src="temp/s3.jpg">
            </div>
        </div>
        <div class="right-wrap">
            <div class="right-pic">
                <img class="u_p_pic transition" src="images/u_p.png">
                <img src="temp/s3.jpg">
            </div>
            <div class="right-box">
                <div class="title">
                    双廊的3个星期(游记)
                </div>
                <div class="name">
                    客官：iStone
                </div>
                <div class="content">
                    Mauricio RomanoTime is a human concept. We create it, we follow it, and we live by it. It becomes one of th
                </div>
            </div>
        </div>
    </div>

    <div class="write-box">
        <img src="images/edit.png">
    </div>--%>
    
    <div class="partner-box">
        <img src="<%=basePath%>images/hezuo@2x.png" style="width: 100%; height: 100%;" />
        <%--<img src="temp/p1.png">
        <img src="temp/p1.png">
        <img src="temp/p1.png">
        <img src="temp/p1.png">
        <img src="temp/p1.png">
        <img src="temp/p1.png">
        <img src="temp/p1.png">
        <img src="temp/p1.png">
        <img src="temp/p1.png">
        <img src="temp/p1.png">--%>
    </div>
</div>

<jsp:include page="${basePath}/footer.jsp" />



<script src="<%=basePath%>js/jquery.min.js"></script>
<script src="<%=basePath%>plugins/swiper/js/swiper.min.js"></script>
<script src="<%=basePath%>js/modal_build.js"></script>
<script src="<%=basePath%>js/modal_index.js"></script>
<script src="<%=basePath%>js/height.js"></script>
<script>
    document.documentElement.style.fontSize = 200 / 1920 * document.documentElement.clientWidth + 'px';
    window.onresize = function () {
        document.documentElement.style.fontSize = 200 / 1920 * document.documentElement.clientWidth + 'px';
    };
</script>
</body>
</html>